<!DOCTYPE html>
<html lang="en">

<head>
    @@include('../_include/head-common.html')
    <link rel="stylesheet" href="assets/third/swiper/swiper.min.css">
    <link rel="stylesheet" href="assets/css/all.min.css">
    <title>无忧服务｜形拓科技 </title>
</head>

<body>
    <!-- 顶部 header start -->
    @@include('../_include/header.html',{"Service":"active","SuccessCases":"notcurrent"})
    <!-- // header end -->
    <!-- 顶部kv start-->
    <div class="top-banner banner-service J-scroll-group">
        <div class="wrap-box">
            <div class="inner-cont">
                <h3 class="ani-up-in2">无忧服务</h3>
                <p class="zh ani-up-in">
                    为客户提供一站式软、硬件交付服务，同时提供长期委托运维服务
                </p>
            </div>
            <div class="lattice-group staggering-grid-1 lattice-group1 mobile-hide">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
            <div class="lattice-group staggering-grid-1 lattice-group2 mobile-hide">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
            <span class="lattice-1 abs"></span>
            <span class="lattice-6 abs mobile-hide"></span>
            <span class="lattice-5 abs mobile-hide"></span>
        </div>  
        <span class="lattice-2 abs"></span>     
        <div class="video-bg" data-pc-url="assets/video/banner-service.mp4" data-mobile-url="assets/video/banner-service@2x.mp4"></div>
    </div>
    <!-- // 顶部kv end-->

    <!-- 服务项目 start -->
    <div class="wrap-box-1200">
        <!-- 数据服务 start -->
        <div class="service-container J-scroll-group">
            <div class="service-infor ani-opacity-in ani-delay-25">
                <h3>数据服务</h3>
                <p class="text">提供数据安全、挖掘和分析服务；同时，借助AI算法，可以提前获得风险警告和预测发展趋势并提供问题原因分析</p>
            </div>
            <div class="service-img">
                <div class="item item1 ani-right-in2">
                    <img src="assets/images/service-img1.jpg">
                </div>
                <div class="item item2 ani-left-in2">
                    <img src="assets/images/service-img2.jpg">
                </div>
                <span class="lattice-7 abs"></span>
                <span class="lattice-8 abs"></span>
            </div>
            <div class="lattice-group abs staggering-grid-2 w144">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
        </div>
        <!-- //数据服务 end -->
        <!-- 硬件服务 start -->
        <div class="service-container J-scroll-group">
            <div class="service-infor ani-opacity-in ani-delay-25">
                <h3>硬件服务</h3>
                <p class="text">提供基于XR技术的硬件开发、采购、安装、调试等一站式服务，无忧享受工业元宇宙的科技成果</p>
            </div>
            <div class="service-img">
                <div class="item ani-left-in2">
                    <img src="assets/images/service-img3.jpg">
                </div>
                <div class="item ani-right-in2">
                    <img src="assets/images/service-img4.jpg">
                </div>
                <span class="lattice-7 abs"></span>
                <span class="lattice-8 abs"></span>
            </div>
            <div class="lattice-group abs staggering-grid-2 w144">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
        </div>
        <!-- //硬件服务 end -->

        <!-- 网络服务 start -->
        <div class="service-container J-scroll-group">
            <div class="service-infor ani-opacity-in ani-delay-25">
                <h3>网络服务</h3>
                <p class="text">基于客户需求，实现局域网、广域网、云部署</p>
            </div>
            <div class="service-img">
                <div class="item ani-right-in2">
                    <img src="assets/images/service-img5.jpg">
                </div>
                <div class="item ani-left-in2">
                    <img src="assets/images/service-img6.jpg">
                </div>
                <span class="lattice-7 abs"></span>
                <span class="lattice-8 abs"></span>
            </div>
            <div class="lattice-group abs staggering-grid-1">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
        </div>
        <!-- //网络服务 end -->

        <!-- 委托运维 start -->
        <div class="service-container J-scroll-group">
            <div class="service-infor ani-opacity-in ani-delay-25">
                <h3>委托运维</h3>
                <p class="text">提供软、硬件长期运营与维护服务，使系统与企业共同成长</p>
            </div>
            <div class="service-img">
                <div class="item ani-left-in2">
                    <img src="assets/images/service-img7.jpg">
                </div>
                <div class="item ani-right-in2">
                    <img src="assets/images/service-img8.jpg">
                </div>
                <span class="lattice-7 abs"></span>
                <span class="lattice-8 abs"></span>
            </div>
            <div class="lattice-group abs staggering-grid-2 w144">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
        </div>
        <!-- //委托运维 end -->

    </div>

    <!-- 底部模块 start -->
    @@include('../_include/footer.html')
    <!-- // 底部模块 end -->
    <script src="assets/third/jquery-2.1.4.min.js"></script>
    <script src="assets/third/gsap3.11.5/gsap.min.js"></script>
    <script src="assets/third/gsap3.11.5/ScrollTrigger.min.js"></script>
    <script src="assets/third/swiper/swiper.min.js"></script>
    <!-- assets/third/vanilla-tilt.min.js -->
    <script src="assets/third/anime.min.js"></script>
    <script src="assets/js/common.min.js"></script>
</body>

</html>